@media only screen and (max-width: 860px){
    .row.history > div.table-row{
        /*height: 60px;*/
    }
    .table-row div > h1 {
        font-size: 1em!important;
    }
    
    .loader-overlay .loader {
	    margin-top: calc((100vh - 160px)/ 2)!important;
	}
}

@media only screen and (min-width: 860px){
    
}

.body-container.event .contain{
	height: 100vh;	
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wbreak{
	word-break: break-all;
}

.bg-white div[class*=col-] .page-title h1{
    font-size: 1.5rem!important;
    line-height: 2rem!important;
}

.history div[class*=col-lg-] h1{
	line-height: 1.6rem!important;
}
.page-title h1 span {
    font-size: 1rem!important;
}
.my-thumb{
    background: none;
}

.row.history .table-row > div{
   /* height: 100%; */
}

.history .table-header,
.history .table-row{
    display: flex;
    flex-direction: row;
}
        
.history .table-row div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.scroll{
	height: 80%;
    overflow-y: scroll;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For IE and Edge */
}

.scroll::-webkit-scrollbar {
    display: none;
}